Tengo dos controladores onChange en mi próxima aplicación, y me gustaría dividir estos dos controladores onChange en uno. El problema es que realmente no sé cómo hacer la sintaxis correcta en el selector de matriz

 // Working solution with two handlers const ticketPriceInreaseHandler = ( e: { target: HTMLInputElement }, index: number, index2: number ) => { const items = action.ticketsOnWave; items[index].wave[index2].price = e.target.value; setAction({ ...action, ticketsOnWave: [...items], }); }; const ticketPiecesInreaseHandler = ( e: { target: HTMLInputElement }, index: number, index2: number ) => { const items = action.ticketsOnWave; items[index].wave[index2].pieces = e.target.value; setAction({ ...action, ticketsOnWave: [...items], }); };

Intento hacer que un solo controlador como en el ejemplo, pero siempre obtengo errores ...

 const oneHandler = ( e: { target: HTMLInputElement }, index: number, index2: number ) => { const items = action.ticketsOnWave; items[index].wave[index2].event.taget.name = e.target.value; // Here is problem setAction({ ...action, ticketsOnWave: [...items], }); };

o lo pruebo

 const nameOfField = e.target.name items[index].wave[index2].nameOfField = e.target.value; // here i getting new in object field instead of field name from const nameOfField

¿Cuál es una sintaxis correcta para esto? Gracias